<!DOCTYPE html>
<html lang="zh-CN"
      xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>账户设置</title>
    <meta charset="UTF-8">
    <title>账户设置</title>
    <meta name="keywords" content="账户设置"/>
    <meta name="description" content="账户设置"/>
    <meta name="viewport" content="width=device-width,initial-scale=1, maximum-scale=1,minimum-scale=1, user-scalable=no">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width,viewport-fit=cover">
    <link th:href="@{/shoppingApi/css/public.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/publicOfuser.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/combtn.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/accsetting.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/weui.min.css}" rel="stylesheet">
    <link th:href="@{/shoppingApi/css/jquery-weui.min.css}" rel="stylesheet">
    <meta name="_csrf" th:content="${_csrf.token}"/>
    <meta name="_csrf_header"  th:content="${_csrf.headerName}"/>
</head>
<body>

<div class="main accsetting">

    <div class="main_con c323232">

        <div class="userinfo height90 bgfff flex flex-ac">
            <img th:src="@{/shoppingApi/images/avatar.png}" class="ml15">
            <span class="c323232 ml10 it1">
                <!--<span class="ft15 db">土豆炒洋芋</span>-->
                    <span class="ft12 c969696 db mt10" >会员号：<span th:text="${userNo}">M15325648567</span></span>
                </span>
        </div>

        <div onclick="lineProfile()" class="mt10 pl15 pr15 height44 bgfff flex flex-pj flex-ac">
            <span class="ft15">个人资料</span>
            <img th:src="@{/shoppingApi/images/more.png}" style="width: 6px;height: 10px;"/>
        </div>

        <div class="mt1 pl15 pr15 height44 bgfff flex flex-pj flex-ac " onclick="updatePwd(1)">
            <a><span class="ft15">修改登录密码</span></a>
            <img th:src="@{/shoppingApi/images/more.png}" style="width: 6px;height: 10px;"/>
        </div>

        <div class="mt10 pl15 pr15 height44 bgfff flex flex-pj flex-ac updatePayPwd" onclick="updatePwd(2)">
            <a><span class="ft15">修改支付密码</span></a>
            <img th:src="@{/shoppingApi/images/more.png}" style="width: 6px;height: 10px;"/>
        </div>

        <div class="mt1 pl15 pr15 height44 bgfff flex flex-pj flex-ac">
            <span class="ft15">关于我们</span>
            <img th:src="@{/shoppingApi/images/more.png}" style="width: 6px;height: 10px;"/>
        </div>

        <div class="pl5 pr15 mt40"><a th:data="${userNoSession}" class="submit  button red bigrounded logout">退出登录</a></div>
    </div>

</div>

<!--快速导航-->
<div class="mini-mask"></div>
<div class="mini-btn"></div>
<div class="mini-nav">
    <ul>
        <li><a href="/">
            <h5>首页</h5>
        </a></li>
        <li><a href="/wap/selectProductYJAndRjClassfy">
            <h5>分类</h5>
        </a></li>
        <li><a href="javascript:sharebtn()">
            <h5>分享</h5>
        </a></li>
        <li><a href="/wap/openUserCenter">
            <h5>个人中心</h5>
        </a></li>
        <li><a href="javascript:alert('敬请期待...')">
            <h5>店铺</h5>
        </a></li>
        <li><a href="/wap/getCartList">
            <h5>购物车</h5>
        </a></li>
        <li><a href="javascript:alert('敬请期待...')">
            <h5>联系客服</h5>
        </a></li>
    </ul>
</div>
<div id="mini-popup" class="weui-popup__container popup-bottom">
    <div class="weui-popup__overlay"></div>
    <div class="weui-popup__modal share-layer">
        <p class="flex mt20 mb20 flex-ac pl15 pr15">
            <span class="ml20 mr20 it1 lineh1"></span>
            <span class="ft14 c323232">分享到</span>
            <span class="ml20 mr20 it1 lineh1"></span>
        </p>
        <ul class="overflow ft14 c323232 ftc">
            <li id="miniShareMessage">
                <img class="wxhaoyou" th:src="@{/shoppingApi/images/share1.png}">
                <p class="mt10 ">微信好友</p>
            </li>
            <li id="miniShareTimeline">
                <img th:src="@{/shoppingApi/images/share2.png}">
                <p class="mt10">朋友圈</p>
            </li>
        </ul>
        <img class="close close-popup" th:src="@{/shoppingApi/images/close3.png}">
    </div>
</div>
<!--/快速导航-->
</body>
<script th:src="@{/shoppingApi/js/jquery-3.3.1.min.js}"></script>
<script th:src="@{/shoppingApi/js/jquery-weui.min.js}"></script>
<script type="text/javascript" th:src="@{/shoppingApi/js/plusShare.js}"></script>
<script th:src="@{/shoppingApi/js/mininav.js}"></script>
<script>
    $(function () {
        var logstate=$(".logout").attr('data');
        if(logstate==null||logstate==""||logstate.toUpperCase()=="NULL"){
            window.location='/wap/openUserCenter';
        }
    });
    $('.logout').on('click',function () {
        $.ajax({
            url:'/wap/userLoginOut',
            success:function (result) {
                console.log(result);
                if(result.msgCode=='000000'){
                    // var redirect = encodeURIComponent(location.href);
                    // window.location.href='/wap/openLoginByPhone?redirect='+redirect;
                    if(navigator.userAgent.indexOf("Html5Plus") > -1){
                        plus.storage.removeItem('userNoId');
                    } else {
                        localStorage.removeItem('userNoId');
                    }
                    window.location='/wap/openUserCenter';
                }


            }
        })
    })
function lineProfile() {
    window.location.href='/wap/profile'
}
   function updatePwd(id) {
       if(id==1){
           window.location.href='/wap/updateLoginPwd'
       }else if(id==2){
           window.location.href='/wap/updatePayPwd'
       }
   }

</script>
</html>